// img loading on submit var imgLoad=new Image(); /*imgLoad.src='https://www.trouver-un-logement-neuf.com/images/interface/ajax-loader.gif';*/ imgLoad.src='https://www.trouver-un-logement-neuf.com/images/loader_white_46x46.gif'; var mySwiper=selfApp.swiper('.swiper-container', { speed: 400, spaceBetween: 40, preloadImages: false, lazyLoading: true, pagination: '.swiper-pagination' }); // pickers=select civilité var pickerCustomCivilite=selfApp.picker({ input: '#picker-custom-civilite', rotateEffect: false,// bug firefox toolbarCloseText: 'ok', cols: [ { textAlign:'center', values: ['Mme.', 'M.'], }, ], onClose: function (picker){ $$('#civilite').val(picker.value[0]); }}); $$('#picker-custom-civilite').click(function(){ pickerCustomCivilite.open(); }); // recupération initiale des fields hidden $$('#UA_forminfos').find("input[name^='f7-']").each(function(){ var iname=$$(this).attr('name').slice(3); $$(this).val($$('#'+iname).val()); }); // transmet valeurs des champs f7-xxx aux champs hidden $$('#UA_forminfos').on('change', "input[name^='f7-']", function(){ var iname=$$(this).attr('name').slice(3); // y'avait , ici ival=$$(this).val(); $$('#'+iname).val(ival); // store datas // NO var formData=myApp.formToData('#UA_forminfos'); // NO selfApp.formStoreData('#UA_forminfos', formData) }); // restore datas si existe // NO var formData=selfApp.formGetData('#UA_forminfos'); //if(undefined!=formData){ // selfApp.formFromData('#UA_forminfos', formData); //} $$('#UA_forminfos').on("keydown", "input[name^='f7-']", function(event){ if(event.keyCode==13){ var nextIput=$$(this).parents("li").siblings('li').eq(0).find("input[name^='f7-']"); if(nextIput.length>0) nextIput.focus(); }}); var swipePage=function(){ var posX_start, posX_end, moveStart=0, moveEnd=0, btNext=$$('.nav_next'), btPrev=$$('.nav_prev'); $$('.detailWrapper').on('touchstart', function(e){ if($$( e.target).hasClass('swiper-lazy')){ moveStart=0; } else moveStart=1; posX_start=e.changedTouches[0].clientX; }); $$('.detailWrapper').on('touchend', function(e){ posX_end=e.changedTouches[0].clientX; if(moveStart==1){ moveStart=0; var dist=posX_start-posX_end; if(dist>120){ if(btNext.length>0) btNext.click(); } else if(dist<-120){ if(btPrev.length>0) btPrev.click(); }} }); } swipePage(); $$('.bubble-cont').on('click', function(e){ if($$(e.target).hasClass('bubble-cont')){ $$(this).toggleClass('hover'); }}); // photos browser var myPhotoBrowserStandalone=selfApp.photoBrowser({theme:'dark', backLinkText: 'fermer', ofText: 'sur', lazyLoading:true, lazyLoadingInPrevNext:true, lazyLoadingOnTransitionStart:true, photos:[{url:'https://www.trouver-un-logement-neuf.com/immo-neuf/programmes-neufs/demathieubard/e5c4996be46b411f640a4bae2d8cb649.png'},{url:'https://www.trouver-un-logement-neuf.com/immo-neuf/programmes-neufs/demathieubard/1e3308b61c21b846b789907fd8953447.png'},{url:'https://www.trouver-un-logement-neuf.com/immo-neuf/programmes-neufs/demathieubard/bb4a98602fca613f5763e10a5c0b877f.png'}]}); $$(document).on('click', '.pb-standalone', function(){ myPhotoBrowserStandalone.open(); }); // crop text overflows var parags=$$('.brdInherit p'); $$.each(parags, function (i, e){ // p without class if(e.classList.length<1){ if(e.offsetHeight...").insertAfter($$(parags[i])); }} }); // défilement des vignettes vignetteDefil(); selectVignette(); $$(document).on('click', '#formBtOpen', function(e){}); $$(document).on('click', '#bt-dmd-rappel', function(e){}); $$(document).on('click', '.geoLocaliser', function(e){ e.preventDefault(); var url=$$(this).attr('href'), callback=function (){ if(typeof(url)!='undefined'){ window.location=url; }}; }); $$(document).on('click', "input[name='f7-mail']", function(e){}); $$(document).on('click', '.msg-plan-confirm-modal', function(e){}); $$(document).on('click', '#MysearchAgent', function(e){ e.preventDefault(); var url=$$(this).attr('href'), callback=function (){ if(typeof(url)!='undefined'){ window.location=url; }}}); $$('#ring-caller').on('click', function(e){ var icoTel=$$('.bt2hide svg').addClass('anim-ring'); var t=setTimeout(function(){icoTel.removeClass('anim-ring')}, 1100); shownums($$('.bt2hide')); }); removeErrorDisplayOnChange(); $.cookie('screenHeight', window.innerHeight, {expires: 0, path: '/', domain: '.trouver-un-logement-neuf.com', secure: false}); /* ------------ JS FORM all pages ------------------------------------------------------------ */ $$('#header-search-form').on('click', '.geoRemover', function(){ $$.cookie('search_loc','', {expires: 0, path: '/', domain: '.trouver-un-logement-neuf.com', secure: false}); $$.cookie('search_geoloc','', {expires: 0, path: '/', domain: '.trouver-un-logement-neuf.com', secure: false}); $$("input[name='geoloc_']").val('').data('formatted', ''); $$("input[name='search_geoloc']").val(''); $$('.geoRemover').css('display','none'); // pas hide/show car met block alors qu'on veut inline-block $$('.ac_results li').remove(); if($$(this).parents('#header-search-form').length>0){ $$('#produit-geoproxi-range').addClass('disabled'); $$('#geoproxi-range,#geoproxi').val(0); $$('#search-form').trigger('refresh'); }}); var autocompleteDropdownAjax=myApp.autocomplete({ input: '#header-search-input', openIn: 'dropdown', preloader: true, //enable preloader valueProperty: 'id', //object's "value" property name textProperty: 'name', //object's "text" property name limit: 25, dropdownPlaceholderText: 'Localité, code postal', source: function (autocomplete, query, render){ var results=[]; if(query.length===0){ render(results); return; } // Show Preloader autocomplete.showPreloader(); // Do Ajax request to Autocomplete data $$.ajax({ url: urlGeo + '?V=THAC', method: 'GET', //send "query" to server. Useful in case you generate response dynamically data: { q: removeDiacritics(query.toLowerCase()), showArrT:1, limit:25 }, success: function (data){ // Find matched items var mLocation=data.split('\n'); var resultDisplay={}; var tmp=''; for (var i=0; i1) txt='Voir les ' + response.nb_res + ' résultats'; $$('#search-button').text(txt); }}, error: function(jqXHR, textStatus, errorThrown){ console.log(jqXHR, textStatus, errorThrown); }}); } // DISPLAY more params $$('#header-search-input').on('focus', function(){ $$('#search-over').removeClass('closed'); $$('#search-form').trigger('refresh'); $$(document).on('keypress', function(e){ var key=(e.keyCode ? e.keyCode : e.which); if(key==13){ console.log('enter pressed'); if($$('#search-button').prop('disabled')){ $$('#search-button').addClass('bounce'); setTimeout(function (){ $$('#search-button').removeClass('bounce'); }, 400); return false; } else{ console.log('trigger click'); $$('#search-button').trigger('click'); }} }); }); // close form $$('body').on('click', '.close-form', function(e){ e.preventDefault(); $$('#search-over').addClass('closed'); }); /* ---------------------------------------------------------- */ // # JS-detail-opener # // masque les 3+ premiers elem $('.group-stock').each(function(){ var btMore=false; $(this).find('.lot-unity').each(function(i, el){ if(i>= 3){ $(this).hide(); btMore=true; }}); if(btMore&&$(this).find('.bt-more').length<1){ $(this).append("Voir plus de lots"); }}); $('.bt-view-more').on('click', function(e){ e.preventDefault(); $(this).parents('.group-stock').find('.lot-unity').show(); $(this).remove(); }); $('.lots-opener').on('click', function(e){ e.preventDefault(); if(undefined===$(this).data('open')){ $(this).data('open', {state:true}); } $(this).data('open', {state:!Boolean($(this).data('open').state)}); if($(this).data('open').state){ $(this).prop('title', 'Masquer le détail de lots disponibles'); $(this).parents('.group-stock').find('.lot-details, .bt-view-more').show(); $(this).find('.ico-state').html(""); } else{ $(this).prop('title', 'Voir le détail des lots disponibles'); $(this).parents('.group-stock').find('.lot-details, .bt-view-more').hide(); $(this).find('.ico-state').html(""); }}); // remove controls if no overflow $$.each($$('.mod-nouveaux-defil-container'), function(i, el){ if(!checkOverflow(el)){ $$(el).prev('.mod-nouveaux-defil-prev').html(''); $$(el).next('.mod-nouveaux-defil-next').html(''); }}); var imgLoad=new Image(); imgLoad.src='https://www.trouver-un-logement-neuf.com/images/loader_46x46.gif'; $$(document).on('ajax:success', function(e){ var xhr=e.detail.xhr; var data=xhr.response; if(xhr.requestUrl.indexOf('contactform.php')>0){ // submit ok close popup if(data==='close'){ selfApp.closeModal('.popup-contactform'); location.reload(true); } // check and submit else{ $$('.popup-contactform .ajax-form').html(data); // pickers=select var pickerCustomCivilite=selfApp.picker({ input: '#picker-custom-civilite', rotateEffect: false,// bug firefox toolbarCloseText: 'ok', cols: [ { textAlign:'center', values: ['Mme.', 'M.'], }, ], onClose: function (picker){ $$('#civilite').val(picker.value[0]); }}); $$('#picker-custom-civilite').click(function(){ pickerCustomCivilite.open(); }); // transmet valeurs des champs f7-xxx aux champs hidden $$('#UA_forminfos').on('change', "input[name^='f7-']", function(){ var iname=$$(this).attr('name').slice(3), ival=$$(this).val(); $$('#'+iname).val(ival); // store datas // NO var formData=myApp.formToData('#UA_forminfos'); // NO selfApp.formStoreData('#UA_forminfos', formData) }); // restore datas si existe // NO var formData=selfApp.formGetData('#UA_forminfos'); //if(undefined!=formData){ // selfApp.formFromData('#UA_forminfos', formData); //} // recupération initiale des fields hidden $$('#UA_forminfos').find("input[name^='f7-']").each(function(){ var iname=$$(this).attr('name').slice(3); $$(this).val($$('#'+iname).val()); }); // transmet valeurs des champs f7-xxx aux champs hidden $$('#UA_forminfos').on('change', "input[name^='f7-']", function(){ var iname=$$(this).attr('name').slice(3); // y'avait , ici ival=$$(this).val(); $$('#'+iname).val(ival); // store datas // NO var formData=myApp.formToData('#UA_forminfos'); // NO selfApp.formStoreData('#UA_forminfos', formData) }); $$('#chk_boolTrackerAccept').click(function(){ if($$(this).prop('checked'))$$('#boolTrackerAccept').val('0'); // checked=OFF else $$('#boolTrackerAccept').val('1'); // non checked=ON (default), attention fonctionnement inverse }); $$('#chk_boolpartenaire').click(function(){ if($$(this).prop('checked'))$$('#boolpartenaire').val('1'); // checked=ON else $$('#boolpartenaire').val('0'); // non checked=OFF (default) }); $$('#chk_boolnewsletter').click(function(){ if($$(this).prop('checked'))$$('#boolnewsletter').val('1'); // checked=ON else $$('#boolnewsletter').val('0'); // non checked=OFF (default) }); $$('#subForm2').click(function(e){ e.preventDefault(); console.log('bt clicked'); $$(this).css({display:'none'}); $$(imgLoad).addClass('center').css({display:'block'}).insertAfter($$(this)); console.log($$('#UA_forminfos')); $$('#UA_forminfos').trigger('submit'); }); $$('#UA_forminfos').on('submit', function(e){ e.preventDefault(); console.log('submit triggered'); }); removeErrorDisplayOnChange(); }} }); $$(document).on('click', 'a[data-popup=".popup-contactform"]', function(){ console.log($$(this).data('params')); var params=JSON.parse($$(this).data('params')); if(params.title){ $$('.pop-title').html(params.title); } $$.post('https://vm10_m.trouver-un-logement-neuf.com/page/contactform.php', params); }); $$(document).on('opened', '.popup-rappel', function(){ var flagid=$$('#bt-dmd-rappel').data('flagid'); $$('.popup-rappel .popup-rappel-dyn-content').html(""); }); $$(document).on('click', '.popover-news', function(){ var clickedLink=this; var popoverHTML='

'+ '

' + '

'+ '

'+ '

Recevoir la lettre d\'information

'+ '

En cochant la case oui, indiquant que vous acceptez de recevoir notre newsletter, vous recevrez deux fois par mois par courrier électronique notre lettre d\'information, contenant les dernières actualités de l\'immobilier neuf, des conseils pratiques, une sélection de programmes immobiliers, un accès à nos annonces immobilières par région, des liens utiles. Vous pourrez à tout moment demander l’arrêt de ce service en cliquant sur les liens de désabonnement visibles en haut et en bas du message électronique.

'+ '

'+ '

'+ '

' selfApp.popover(popoverHTML, clickedLink); }) $$(document).on('click', '.popover-part',function(){ var clickedLink=this; var popoverHTML='

'+ '

' + '

'+ '

'+ '

Recevoir les offres promotionnelles

'+ '

En cochant la case oui, indiquant que vous acceptez de recevoir des informations de nos partenaires commerciaux, nous serons parfois amenés à vous transmettre par courrier électronique, ou sms, des offres commerciales de nos partenaires. Ceci uniquement dans le cas où vous avez formellement accepté de recevoir des informations de ceux-ci. Nous restons les seuls détenteurs de ces informations, qui ne seront jamais cédées à des tiers. Vous aurez à tout moment la possibilité, via un lien de désinscription présent dans tous les courriers électroniques, ou sms, que nous vous adresserons, de vous désinscrire de cette liste de diffusion.

'+ '

'+ '

'+ '

' selfApp.popover(popoverHTML, clickedLink); }) }); selfApp.init();